<template>

    <ul>
        <li v-for="item in list" :key="item.id" @click="router.push('/detail'+(item.id))">
            <p><img :src="image" alt="" style="width: 100%;"></p>
            <p class="van-multi-ellipsis--l2">{{ item.title }}</p>
            <p style="color: red;">￥{{ item.price }}</p>
        </li>
    </ul>
</template>
<script setup>
    import request from '@/utils/request.js'
    import {onMounted,ref} from 'vue'
    const list=ref([])
    onMounted(()=>{
        request.get('/list',{
            params:{
                pagination:1, pageNum:40
            }
        }).then(res=>{
            if(res.data.code==200){
                list.value=res.data.data
            }
        })
    })
</script>
<style scoped lang="scss">
    *{
        padding: 0;
        margin: 0;
        list-style: none
    }
    ul{
        column-count: 2;
    }
</style>